<script setup lang="ts">
import { ref } from 'vue'
import Tiptap from '@/components/Tiptap.vue'

const content = ref(`
<p>text</p>
<tt>t<tt>e</tt>st</tt>
`)
</script>

<template>
  <el-container direction="vertical">
    <el-container>
      <el-header style="border-bottom: 1px solid #e6e6e6; background: #16A0FD;"></el-header>
      <el-main>
        <tiptap v-model="content"/>
      </el-main>
    </el-container>
    <el-container>
      <el-main style="border-top: 1px solid #e6e6e6;">
        <div>{{ content }}</div>
      </el-main>
    </el-container>
  </el-container>
</template>

<style scoped>
</style>
